// 注册和登录盒子
const reg = document.querySelector('.register')
const login = document.querySelector('.login')
// 登录注册表单
const regForm = document.querySelector('.register form')
const loginForm = document.querySelector('.login form')
// 点击去注册
document.querySelector('.goRegister').addEventListener('click', () => {
  // 重置去注册表单
  regForm.reset()
  login.style.display = 'none'
  reg.style.display = 'block'
})
// 点击去登录
document.querySelector('.goLogin').addEventListener('click', () => {
  // 重置去登录表单
  loginForm.reset()
  reg.style.display = 'none'
  login.style.display = 'block'
})

// 点击注册按钮
document.querySelector('.btn-primary').addEventListener('click', async (e) => {
  e.preventDefault()
  // 获取表单数据
  const data = serialize( regForm,{ hash: true, empty: true})
  // 用户名密码长度校验
  if (data.username.length < 2 || data.username.length > 15) {
    Toast.fail('用户名密码长度2-15位')
    return
  }
  if (data.password.length < 6 || data.password.length > 15) {
    Toast.fail('用户名密码长度6-15位')
    return
  }
  try {
    const res = await axios({
      url: 'http://www.itcbc.com:8000/api/register',
      method: 'POST',
      data
    })
    // 如果 code 为 1 则 提示用户用户名已存在
    if (res.data.code == 1) {
      Toast.info(res.data.message)
    } else if(!res.data.code){ // 如果 code 为 1 则提示用户登陆成功 显示登录框
      Toast.success(res.data.message)
      reg.style.display = 'none'
      login.style.display = 'block'
    }
  } catch(err) {
    console.dir(err);
  }
})

// 点击登录按钮
document.querySelector('.login .btn-primary').addEventListener('click', async (e) => {
  e.preventDefault()
    // 获取表单数据
    const data = serialize( loginForm,{ hash: true, empty: true})
    // 用户名密码长度校验
    if (data.username.length < 2 || data.username.length > 15) {
      Toast.fail('用户名密码长度2-15位')
      return
    }
    if (data.password.length < 6 || data.password.length > 15) {
      Toast.fail('用户名密码长度6-15位')
      return
    }
    try {
    const res = await axios({
      url: 'http://www.itcbc.com:8000/api/login',
      method: 'POST',
      data
    })
    if (!res.data.code) { // 如果code为0 跳转至主页 存储 token 至 localstorage
      Toast.success(res.data.message)
      localStorage.setItem('token',res.data.token)
      setTimeout(() => { location.href = './index.html'}, 2000)
    } else if (res.data.code == 1) {
      Toast.info(res.data.message)
    }
    console.log(res);
  } catch(err) {
    console.log(err);
  }
})